<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>宿生成——使用方法</title>
    <meta name="description" content="宿检讨，使用帮助在线教程">
    <meta name="keywords" content="nutssss,宿生成,考后反思">
    <link rel="stylesheet" type="text/css" href="./css/lovexhj.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
</head>

<body>
    <!-- 标题板块 -->
    <div class="title">
        <img src="./images/bg1.gif" alt="bgGif">
        <p id="tqyxhj"></p>
    </div>

    <!-- 分页1 - 骚话 -->
    <div class="page page1">
        <div class="swiper-container swiper-container-lovexhj1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=2803957948&s=640" alt="xhj">
                        <img src="./images/cat.gif" alt="cat">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=2803957948&s=640" alt="tqy">
                        <p id="lovetime"></p>
                        <p>接下来将教会你如何一键生成考后反思</p>
                        <p>请仔细的去学习哟~</p>
                        <span class="right">往右划动 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/logo.png" alt="cat2">
                        <p class="catText">生成第一步 ↑</p>
                        <p>进入我们的网站</p>
                        <p>进入生成考后反思&&页面<b>哟</b></p>
                        <p>完成第一步后</p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/logo.png" alt="cat3">
                        <p class="catText">生成第二步 ↑</p>
                        <p>第二步<b>选择要生成的学科</b></p>
                        <p>进入并输入相关信息</p>
                        <p style="font-size: 13px;">输入你的、
                            <span style="color: red; font-size: 16px;">分数</span>、
                            只能为数字、请不要 添加符号
                        </p>
                        <span class="right">再划一次吧 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat4.gif" alt="cat4">
                        <p class="catText">生成成功 ↑</p>
                        <p>是不是很满意了？</p>
                        <p>希望你喜欢呀</p>
                        <p>爱你哟(๑′ᴗ‵๑)</p>
                        <b>宿生成--人性化服务<span style="color: pink;">猪</span></b>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
        </div>
    </div>

    <!-- 分页2 - 时间轴 -->
    <div class="page page2">
        <div class="swiper-container swiper-container-lovexhj2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/zs1.png" alt="page2-1">
                        <p><b>程序使用教程</b></p>
                        <p>第一步骤</p>
                        <p>进入网站，选择生成反思</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/zs2.png" alt="page2-2">
                        <p><b>选择一个学科</b></p>
                        <p>选择一个你没有考好的学科进行一键式生成</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/zs3.png" alt="page2-3">
                        <p><b>输入相关信息</b></p>
                        <p>正确输入页面提示你的东西</p>
                        <p>只写分数即可不要加标点符号等</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/zs4.png" alt="page2-4">
                        <p><b>生成反思成功</b></p>
                        <p>一键生成反思就是这样的简单</p>
                        <p>接下来抄在纸上，交给老师就好了</p>
                    </div>
                </div>
               <!-- <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-5.jpg" alt="page2-5">
                        <p><b>第一次庆祝你成年生日</b></p>
                        <p>刚在一起不久就赶上了你的成年生日</p>
                        <p>送你礼物的那一刻你笑的是多么的开心</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-6.jpg" alt="page2-6">
                        <p><b>第一次庆祝我的生日</b></p>
                        <p>吃牛排看电影</p>
                        <p>很俗气但很开心</p>
                    </div>
                </div> -->
                <!-- <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-7.jpg" alt="page2-7">
                        <p><b>第一次与你看电影</b></p>
                        <p>这应该算是第一次认真的看完了一部电影吧哈哈</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-8.jpg" alt="page2-8">
                        <p><b>第一次在深夜跑出来陪你</b></p>
                        <p>偶然条件下，凌晨三点我们在一起散步</p>
                        <p>安静的马路上充满了甜甜的感觉</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-9.jpg" alt="page2-9">
                        <p><b>第一次与你打游戏</b></p>
                        <p>看你输了“赛车”时生气的样子好好笑</p>
                        <p>并偷偷在后面摸了一下你的猪头</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-10.jpg" alt="page2-10">
                        <p><b>More？</b></p>
                        <p>篇幅有限，</p>
                        <p>丢一张丑照吧hahahahahah</p>
                    </div> -->
               </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
        </div>
    </div>

    <!-- 分页3 - 一段话 -->
    <div class="page page3">
        <div id="talkToXHJ">
            <b style="color: red;">宿反思生成教程</b>
            <br />
            竟是这样的如此简单
            <br />
            <br />
            <b>同样，我们一直在升级</b>
            <br />
           我们将会一直努力去升级
            <br />
            不断的去调试程序发现bug并改正
            <br />
            用心才能做得更好，我们一直在探索，在发现！
            <br />
           <b>每一次更新</b>
            <br />
            <br />
            <b>都会</b>
            <br />
            修复很多旧漏洞，但新增了未知bug
            <br />
           感谢你们的使用
            <br />
            祝您生活愉快
            <br />
            ## Sush-z (๑′ᴗ‵๑)~ ❤
        </div>
    </div>

    <!-- 分页4 - 结尾 -->
    <div class="page page4">
        <div class="page4-box">
            <div class="page4-img">
                <div class="swiper-container swiper-container-lovexhj3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/zs2.png" alt="page-4-1">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/zs1.png" alt="page-4-2">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/zs2.png" alt="page-4-3">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/zs1.png" alt="page-4-4">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/zs2.png" alt="page-4-5">
                        </div>
                       
                    </div>
                    <div class="swiper-button-prev swiper-button-prev-lovexhj3"></div>
                    <div class="swiper-button-next swiper-button-next-lovexhj3"></div>
                </div>
            </div>
            <div class="page4-text">
                <h1>Thank for you</h1>
                <p>感谢您的使用</p>
            </div>
        </div>

        <div class="footer">
            <div class="footerBox">
                <p>
                    &copy; 2020 
                    <a >宿.笙</a> | 
                    <a>携手伴你同行</a>
                </p>
                <p>THEME MADE BY  Sush</p>
            </div>
        </div>
    </div>

    <!-- 两只XHJ一样的猪 -->
    <div class="xhjIsPig">
        <img src="./images/pig1.gif" alt="pig1" class="pig1">
        <img src="./images/pig2.gif" alt="pig2" class="pig2">
    </div>

    <!-- js加载 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="./js/typeit.min.js"></script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script src="./js/lovetime.js"></script>
    <script src="./js/talk.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/su.js"></script>
    <script>
        (function () {
            new WOW().init()
        })()
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('body').wpSuperSnow({
                flakes: ['./images/004.png', './images/003.png', './images/002.png',
                    './images/001.png'
                ],
                totalFlakes: '100',
                zIndex: '999999',
                maxSize: '30',
                maxDuration: '20',
                useFlakeTrans: false
            });
        });
    </script>
</body>

</html>